<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>Genius</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="./css/style.css"> </head>
    <link rel="stylesheet" href="./css/css/font-awesome.min.css">
<body>
    <nav>
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <div class="dsaf"> <img src="./images/Genius_02.png" alt=""> </div>
                </div>
                <div class="col-md-6">
                    <nav class="navbar navbar-expand-lg navbar-light"> <a class="navbar-brand" href="#">HOME</a>
                        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
                        <div class="collapse navbar-collapse" id="navbarNav">
                            <ul class="navbar-nav">
                                <li class="nav-item"> <a class="nav-link" href="#">ABOUT US</a> </li>
                                <li class="nav-item"> <a class="nav-link" href="#">SERVICES</a> </li>
                                <li class="nav-item"> <a class="nav-link" href="#">COURSES</a> </li>
                                <li class="nav-item"> <a class="nav-link" href="#">PRICING</a> </li>
                                <li class="nav-item"> <a class="nav-link" href="#">CONIAC</a> </li>
                                </li>
                            </ul>
                        </div>
                    </nav>
                </div>
            </div>
        </div>
    </nav>
    <header>
       <div class="gfds">
        <div class="container">
            <div class="row">
<!--                <div class="ggg"> <img src="images/lunbotu_02.png" alt=""> </div>-->
                <div class="col-md-6">
                    <div class="fff">
                        <h3>EDUCATION GENIUS</h3>
                        <ul>
                            <li><a href="">Lorem ipsum dolor sit amet,consectetur adipisicing</a></li>
                            <li><a href="">elitincidunt eius magni provident.</a></li>
                    </ul> <a class="dddd" href="">Reda More</a> </div>
                </div>
            </div>
        </div>
    </div>
    </header>
    <main>
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="ccc">
                        <h4>Our Courses</h4>
                        <p>Lorem ipsum dolor sit amet,consectetur adipisicing elit. Dolores quae porro consequatur aliquam.incidunt eius magni provident,doloribus omnis minus temporibus. perferendis nesciunt quam repellendus nulla nemo ipsum odit corrupti consequuntur possimus.</p>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="row no-gutters">
                        <div class="col-md-2">
                            <div class="fdsag"> <img src="./images/yuan.gif" alt="..."> </div>
                        </div>
                        <div class="col-md-4">
                            <div class="card-body">
                                <h5 class="card-title">Mobile Dev</h5>
                                <p class="card-text">backed by some of the biggest names in the industry.Firefox OS is an open platfrom that fosters greater</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="row no-gutters">
                        <div class="col-md-2">
                            <div class="fdsag"> <img src="./images/yuan.gif" alt="..."> </div>
                        </div>
                        <div class="col-md-4">
                            <div class="card-body">
                                <h5 class="card-title">Communication</h5>
                                <p class="card-text">backed by some of the biggest names in the industry.Firefox OS is an open platfrom that fosters greater</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="row no-gutters">
                        <div class="col-md-2">
                            <div class="fdsag"> <img src="./images/yuan.gif" alt="..."> </div>
                        </div>
                        <div class="col-md-4">
                            <div class="card-body">
                                <h5 class="card-title">Computers</h5>
                                <p class="card-text">backed by some of the biggest names in the industry.Firefox OS is an open platfrom that fosters greater</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="row no-gutters">
                        <div class="col-md-2">
                            <div class="fdsag"> <img src="./images/yuan.gif" alt="..."> </div>
                        </div>
                        <div class="col-md-4">
                            <div class="card-body">
                                <h5 class="card-title">Finance</h5>
                                <p class="card-text">backed by some of the biggest names in the industry.Firefox OS is an open platfrom that fosters greater</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="row no-gutters">
                        <div class="col-md-2">
                            <div class="fdsag"> <img src="./images/yuan.gif" alt="..."> </div>
                        </div>
                        <div class="col-md-4">
                            <div class="card-body">
                                <h5 class="card-title">Maths</h5>
                                <p class="card-text">backed by some of the biggest names in the industry.Firefox OS is an open platfrom that fosters greater</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="row no-gutters">
                        <div class="col-md-2">
                            <div class="fdsag"> <img src="./images/yuan.gif" alt="..."> </div>
                        </div>
                        <div class="col-md-4">
                            <div class="card-body">
                                <h5 class="card-title">Development</h5>
                                <p class="card-text">backed by some of the biggest names in the industry.Firefox OS is an open platfrom that fosters greater</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
                              <div class="col-md-12" style="background:#f68a2f;widch:100%;">
                    <div class="cccz">
                        <h4>Our Students</h4>
                        <p>Lorem ipsum dolor sit amet,consectetur adipisicing elit. Dolores quae porro consequatur aliquam.incidunt eius magni provident,doloribus omnis minus temporibus. perferendis nesciunt quam repellendus nulla nemo ipsum odit corrupti consequuntur possimus.</p>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="ghafd"> <img src="images/people.gif" alt=""> </div>
                            </div>
                            <div class="col-md-6">
                                <div class="fdsa">
                                    <ul>
                                        <li> <a href="">Lorem ipsum dolor sit amet.cadipisicing sit amet.consectetur adipisicing elit. Atquesed.quidem quis praesentium. ut unde fuga error commodi architecto,oribus 
omnis minus temporibus perferendis nesciunt quam repellendus nulla nemo ipsum
odit corrupti consequuntur possimus.vero mollitia velit ad consectetur.Alias.
laborum excepturi nihil autem nemo numquam.ipsa acrchitecto non.magni
consequuntlaudantium culpa tenetur at id.beatae pet. </a> </li>
                                        <li><a href="">Lorem ipsum dolor sit amet.consectetur adipisicing elit.adipisicing sit amet.
consectetur adipisicing elit.Atque sed,quidem quis praesentium.m deserunt.</a></li>
                                        <p class="gai"><img src="./images/main-san_07_03.png" alt=""><i class="fa fa-arrow-circle-o-right mr-1"></i>Lorem ipsum enimdolor sit amet</p>
                                        <p class="gai"><img src="./images/main-san_07_03.png" alt=""><i class="fa fa-arrow-circle-o-right mr-1"></i>Expiicabo deleniti neque aliquid</p>
                                        <p class="gai"><img src="./images/main-san_07_03.png" alt=""><i class="fa fa-arrow-circle-o-right mr-1"></i>Consectetur adipisicing elit</p>
                                        <p class="gai"><img src="./images/main-san_07_03.png" alt=""><i class="fa fa-arrow-circle-o-right mr-1"></i>Lorem ipsum dolor sit amet</p>
                                        <p class="gai"><img src="./images/main-san_07_03.png" alt=""><i class="fa fa-arrow-circle-o-right mr-1"></i>Quo issimos molest quibusdam temporibus</p>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
               <div class="container">
                                   <div class="col-md-12 kk">
                    <div class="ccc">
                        <h4>Our Events</h4>
                        <p>Lorem ipsum dolor sit amet,consectetur adipisicing elit. Dolores quae porro consequatur aliquam.incidunt eius magni provident,doloribus omnis minus temporibus. perferendis nesciunt quam repellendus nulla nemo ipsum odit corrupti consequuntur possimus.</p>
                    </div>
                    <div class="row">
                        <div class="col-md-4">
                            <div class="card" > <img src="./images/bg1.gif" class="card-img-top" alt="...">
                                <div class="card-body">
                                    <h5 class="card-titlee">Feb</h5>
                                    <p class="card-text">LOREM IPSUM DOLOR SIT AMET.CONSECTETUR ADIPIS.</p> </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="card"> <img src="./images/bg2.gif" class="card-img-top" alt="...">
                                <div class="card-body">
                                    <h5 class="card-titlee">March</h5>
                                    <p class="card-text">APSUM DOLOR SIT AMET.CONSECTETUR ADIPISDSLIF.</p>  </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="card" > <img src="./images/bg3.gif" class="card-img-top" alt="...">
                                <div class="card-body">
                                    <h5 class="card-titlee">Apriil</h5>
                                    <p class="card-text">DOLOR SIT AMET.CONSECTETUR ADIPISIC INDFEFT</p> </div>
                            </div>
                        </div>
                    </div>
                </div>
            <div class="col-md-12 ">
                    <div class="ccc">
                        <h4>Campus Placement</h4>
                        <p>Lorem ipsum dolor sit amet,consectetur adipisicing elit. Dolores quae porro consequatur aliquam.incidunt eius magni provident,doloribus omnis minus temporibus. perferendis nesciunt quam repellendus nulla nemo ipsum odit corrupti consequuntur possimus.</p>
                    </div>
                    <div class="row">
                        <div class="col-md-2">
                            <div class="hfgd">
                                <img src="./images/one.gif" alt="">
                            </div>
                        </div>
                        <div class="col-md-2">
                            <div class="hfgd">
                                <img src="./images/three.gif" alt="">
                            </div>
                        </div>
                        <div class="col-md-2">
                            <div class="hfgd">
                                <img src="./images/two.gif" alt="">
                            </div>
                        </div>
                        <div class="col-md-2">
                            <div class="hfgd">
                                <img src="./images/one.gif" alt="">
                            </div>
                        </div>
                        <div class="col-md-2">
                             <div class="hfgd">
                                <img src="./images/three.gif" alt="">
                            </div>
                        </div>
                        <div class="col-md-2">
                            <div class="hfgd">
                                <img src="./images/two.gif" alt="">
                            </div>
                        </div>
                    </div>
            </div>
               </div>
    </main>
    <footer>
        <div class="container">
            <div class="row">
                <div class="col-md-3">
                    <ul>
                        <li><a href="">Our Contact</a></li>
                        <li><a href="">Target company inc</a></li>
                        <li><a href="">JC Main Road.Near Silnile tower</a></li>
                        <li><a href="">Pin-21542 NewYor US.</a></li>
                    </ul>
                    <ul>
                        <li><a href="">(123)456-789-1255-12584</a></li>
                        <li><a href="">email@domainname.com </a></li>
                    </ul>
                </div>
                <div class="col-md-3">
                    <ul>
                        <li><a href="">Quick Links</a></li>
                        <li><a href="">Latest Events</a></li>
                        <li><a href="">Trems and conditions</a></li>
                        <li><a href="">Privacy policy</a></li>
                        <li><a href="">Career Contact us</a></li>
                    </ul>
                </div>
                <div class="col-md-3">
                    <ul>
                        <li><a href="">Latest posts</a></li>
                        <li><a href="">Lorem ipsum dolor sit amet.</a></li>
                        <li><a href="">consectetur adipiscing elit.</a></li>
                        <li><a href="">Peilentesque et puivinar enim.Quisque</a></li>
                        <li><a href="">at tempor ligula</a></li>
                        <li><a href="">Natus error sit voluptatem accusantium</a></li>
                        <li><a href="">doloremque</a></li>
                    </ul>
                </div>
                <div class="col-md-3">
                    <ul>
                        <li><a href="">Recent News</a></li>
                        <li><a href="">Lorem ipsum dolor sit amet.</a></li>
                        <li><a href="">consectetur adipiscing elit.</a></li>
                        <li><a href="">Peilentesque et puivinar enim.Quisque</a></li>
                        <li><a href="">at tempor ligula</a></li>
                        <li><a href="">Natus error sit voluptatem accusantium</a></li>
                        <li><a href="">doloremque</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </footer>
        <div class="jhg">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <p>Copyright &copy;Company name All rights reserved</p>
                </div>
                <div class="col-md-6 text-right">
                    <img src="./images/footer-bottom-1_03.png" alt="">
                </div>
            </div>
        </div>
    </div>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
    <script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
    <script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
</body>

</html>